<!DOCTYPE html>
<html>
<head onload="">
	<meta charset="utf-8">
	<link  href="01-simpleDemo.css" rel="stylesheet" type="text/css">
    <script type="text/javascript"  src="01-simpleDemo.js"></script>

	<title>简单案例</title>
</head>
<body onload="">
	  <!-- 1、事件的反应 -->
	  <p class="demo_title_01">------------1、事件的反应------------</p>
	  <button class ="demo_button_01" type="button"  onclick="clickdemoButtonEevent()">点我查看事件</button>

	  <!-- 2、切换图片 -->
	  <p class="demo_title_02">------------2、切换图片------------</p>
	  <img id="demo_img_02" src="../../Resource/emoji-14.png">
	  <p id="demo_p_02" onclick="clickChangeImage()">点击切换图片</p>

	  <!-- 3、验证输入文字 -->
	  <p class="demo_title_03">------------3、验证输入文字------------</p>
	  <p>请输入数字，如果不是数字，将会提示您</p>
	  <input  id="demo_input_03" type="text" placeholder="请输入数字">
	  <button id="demo_button_03" type="button" onclick="clickCheckNumberEvent()">开始检测</button>

	  <!-- 4、js的基本数据类型 -->
	  <p class="demo_title_04">------------4、js的基本数据类型------------</p>
	  <p>js的基本数据类型</p>
	  <p>var length = 16;  // Number 通过数字字面量赋值  </p>
	  <p>var points = x * 10;  // Number 通过表达式字面量赋值</p>
	  <p>var lastName = "Johnson"; // String 通过字符串字面量赋值</p>
	  <p>var cars = ["Saab", "Volvo", "BMW"];  // Array  通过数组字面量赋值</p>
	  <p>var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值</p>
	  <p>var  x  //x 为 undefined类型</p>
	  <p>var  p  = true  //p 布尔（逻辑）只能有两个值：true 或 false</p>
	  <button id="demo_button_04" type="button" onclick="clickPersonEatEvent()">调用Person</button>



	   <!-- 5.计算器的实现 -->
	   <p class="demo_title_05">------------5.计算器的实现------------</p>
	   <div>
	   	<input  id="demo_input_05" type="text" placeholder="请输入计算的内容">
	    	<div>
	   		<table id="demo_table_01">
	   			<tr>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('1')">1</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('2')">2</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('3')">3</button></th>
	   				<th><button id="demo_jisuanqi_button_operation" type="button" onclick="clickCalculatorOperation('+')">+</button></th>
	   			</tr>
	   			<tr>
                    <th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('4')">4</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('5')">5</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('6')">6</button></th>
	   				<th><button id="demo_jisuanqi_button_operation" type="button" onclick="clickCalculatorOperation('-')">-</button></th>
	   			</tr>
	   			<tr>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('7')">7</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('8')">8</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('9')">9</button></th>
	   				<th><button id="demo_jisuanqi_button_operation" type="button" onclick="clickCalculatorOperation('×')">×</button></th>
	   			</tr>
	   			<tr>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber(0.1)">.</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorNumber('0')">0</button></th>
	   				<th><button id="demo_jisuanqi_button_number" type="button" onclick="clickCalculatorResult()">=</button></th>
	   				<th><button id="demo_jisuanqi_button_operation" type="button" onclick="clickCalculatorOperation('/')">÷</button></th>
	   			</tr>
	   		</table>
	   	    </div>
	   	</div>

	   	<p class="demo_title_06">----------6.对象的定义---------- 
	   		  
	   	       在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象

	   	       typeof 在js中是检测类型 数组是一个特殊的对象 
	   </p>
	    <button id = "demo_title_06_button01" type="button" 
	    onmouseenter ="innnerPersonInfo()"
	    onmouseleave ="clearPersonInfo()" 
	    onmousedown = "isArray([2,3,4])">点我调用person</button>
	    <h3 id ="demo_title_06_address01" >详细地址:</h3>
       
       
       <button type="button" onclick="findMax(1,2,3,64,2,234,46,767)">调用js</button>
       <p id="demo_title_07"> 计算结果</p>
	   	
       
</body>
</html>